:root {
  --max-width: 1100px;
  --border-radius: 12px;
  --font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono',
    'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro',
    'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;

  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;

  --primary-glow: conic-gradient(
    from 180deg at 50% 50%,
    #16abff33 0deg,
    #0885ff33 55deg,
    #54d6ff33 120deg,
    #0071ff33 160deg,
    transparent 360deg
  );
  --secondary-glow: radial-gradient(
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );

  --tile-start-rgb: 239, 245, 249;
  --tile-end-rgb: 228, 232, 233;
  --tile-border: conic-gradient(
    #00000080,
    #00000040,
    #00000030,
    #00000020,
    #00000010,
    #00000010,
    #00000080
  );

  --callout-rgb: 238, 240, 241;
  --callout-border-rgb: 172, 175, 176;
  --card-rgb: 180, 185, 188;
  --card-border-rgb: 131, 134, 135;
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 255, 255, 255;
    --background-start-rgb: 0, 0, 0;
    --background-end-rgb: 0, 0, 0;

    --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
    --secondary-glow: linear-gradient(
      to bottom right,
      rgba(1, 65, 255, 0),
      rgba(1, 65, 255, 0),
      rgba(1, 65, 255, 0.3)
    );

    --tile-start-rgb: 2, 13, 46;
    --tile-end-rgb: 2, 5, 19;
    --tile-border: conic-gradient(
      #ffffff80,
      #ffffff40,
      #ffffff30,
      #ffffff20,
      #ffffff10,
      #ffffff10,
      #ffffff80
    );

    --callout-rgb: 20, 20, 20;
    --callout-border-rgb: 108, 108, 108;
    --card-rgb: 100, 100, 100;
    --card-border-rgb: 200, 200, 200;
  }
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html,
body {
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  color: rgb(var(--foreground-rgb));
  /* background: linear-gradient(
      to bottom,
      transparent,
      rgb(var(--background-end-rgb))
    )
    rgb(var(--background-start-rgb)); */
}

a {
  color: inherit;
  text-decoration: none;
}

@media (prefers-color-scheme: dark) {
  html {
    color-scheme: dark;
  }
}
.logo {
  /* font-size: 18px; */
  text-align: center;
  line-height: 50px;
  overflow: hidden;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0;
  flex-wrap: wrap;
  word-break: break-word;
}

.logo span {
  font-size: 12px !important;
  line-height: 1.2 !important;
  word-break: break-word !important;
  white-space: normal !important;
}
.breadcrumb {
  background-color: #fff;
  padding: 16px 24px;
}
.info {
  padding: 0 24px 12px;
  background-color: #fff;
}
/* 改变左侧菜单颜色 */
/* :where(.css-dev-only-do-not-override-i46qwz).ant-menu-light
  .ant-menu-submenu-selected
  > .ant-menu-submenu-title,
:where(.css-dev-only-do-not-override-i46qwz).ant-menu-light
  > .ant-menu
  .ant-menu-submenu-selected
  > .ant-menu-submenu-title {
  color: #fff !important;
}
:where(.css-dev-only-do-not-override-i46qwz).ant-menu-light.ant-menu-inline
  .ant-menu-sub.ant-menu-inline,
:where(.css-dev-only-do-not-override-i46qwz).ant-menu-light
  > .ant-menu.ant-menu-inline
  .ant-menu-sub.ant-menu-inline {
  background: rgba(0, 0, 0, 0.15);
} */

.ant-menu-light.ant-menu-root.ant-menu-inline {
  border-inline-end: none !important;
}

.mysider .ant-menu-submenu-selected > .ant-menu-submenu-title {
  color: #fff !important;
  /* background: rgba(0, 0, 0, 0.15); */
}
.mysider .ant-menu-item-selected {
  color: #fff !important;
  background: rgba(0, 0, 0, 0.15) !important;
}
.container {
  margin: 24px;
  background-color: #fff;
  padding: 24px;
}

/* 操作按钮 */
.op a {
  color: #4096ff;
}
.op a:nth-child(2),
.op a:nth-child(3),
.op a:nth-child(4) {
  margin-left: 10px;
}

.page {
  width: 100vw;
  height: 100vh;
  background-image: url('./assets/img/bg.png');
  background-size: 100% 100%;
}
.title {
  color: '#FFF';
  text-align: center;
}
.centerBox {
  /* position: fixed;
  inset: 0;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  display: flex;
  justify-content: center;
  align-items: center; */
  position: fixed;
  left: 50%;
  /* top: 50%; */
  margin-left: -110px;
  /* margin-top: -110px; */
}

/* 搜索控件 */
.form-kongjian {
  width: 200px;
}
.active-list {
  width: 100%;
  display: flex;
}
.active-list > div {
  width: 25%;
  padding: 10px;
  height: 140px;
}
.active-list > div > span {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f5f8ff;
  border-radius: 8px;
}
.active-list > div.selected > span,
.active-list > div > span:hover {
  cursor: pointer;
  color: #fff;
  background-color: #3961f3;
}

.active-list > div > span > .icon {
  font-size: 30px;
  margin-bottom: 10px;
}
.normal-input {
  width: 400px;
  height: 34px;
  padding: 5px;
  border: '1px solid #D9D9D9';
  border-radius: 5px;
}

.base-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 20px;
}
.base-info > span:nth-child(1) {
  margin-bottom: 12px;
}
.base-info span {
  color: #999;
}
.base-info span > span {
  color: #333;
}
.base-info-bg {
  background-color: #f9f9f9;
  padding: 15px 20px;
  margin: 25px 0 50px;
}

/* 全局CSS文件 */
.ant-table-row > td {
  padding: 13px 16px !important; /* 你想要的行高 */
}

.custom-submenu-no-arrow > .ant-menu-submenu-title::after {
  display: none !important;
}

.ant-menu-light .ant-menu-item,
.ant-menu-light > .ant-menu .ant-menu-item,
.ant-menu-light .ant-menu-submenu-title,
.ant-menu-light > .ant-menu .ant-menu-submenu-title {
  color: #fff !important;
}
/* .ant-menu-light .ant-menu-item,
.ant-menu-light > .ant-menu .ant-menu-item,
.ant-menu-light .ant-menu-submenu-title,
.ant-menu-light > .ant-menu .ant-menu-submenu-title .ant-menu-title-content {
  color: #000 !important;
} */

.myinput {
  padding: 0 10px;
}
.ant-form-explain {
  color: #f00;
}

/* 浮动动画 */
@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes scan {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

@keyframes dataFlow {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(20px);
    opacity: 0;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}

@keyframes glow {
  0%, 100% {
    box-shadow: 0 0 5px rgba(102, 126, 234, 0.5);
  }
  50% {
    box-shadow: 0 0 20px rgba(102, 126, 234, 0.8), 0 0 30px rgba(102, 126, 234, 0.6);
  }
}

/* 科技风格输入框 */
.tech-input {
  transition: all 0.3s ease !important;
  position: relative !important;
}

.tech-input:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
  animation: glow 2s ease-in-out infinite !important;
}

.tech-input:focus {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(102, 126, 234, 0.8) !important;
  box-shadow: 0 0 20px rgba(102, 126, 234, 0.4) !important;
  animation: pulse 1s ease-in-out infinite !important;
}

.tech-input::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* 科技风格按钮 */
.tech-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6) !important;
  background: linear-gradient(45deg, #764ba2 0%, #667eea 100%) !important;
  animation: pulse 1s ease-in-out infinite !important;
}

.tech-button:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 10px rgba(102, 126, 234, 0.4) !important;
}

/* 整体科技风格样式 */
.tech-layout {
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 20%, #16213e 40%, #0f3460 60%, #533483 80%, #667eea 90%, #764ba2 100%) !important;
  min-height: 100vh;
  position: relative !important;
  overflow: hidden !important;
}

.tech-layout::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    radial-gradient(circle at 20% 20%, rgba(102, 126, 234, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(118, 75, 162, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(120, 219, 255, 0.05) 0%, transparent 50%);
  pointer-events: none;
  animation: pulse 4s ease-in-out infinite;
}

.tech-card {
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(15px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 15px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 0 30px rgba(102, 126, 234, 0.1) !important;
  position: relative !important;
  overflow: hidden !important;
}

.tech-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #667eea, transparent);
  animation: scan 3s ease-in-out infinite;
}

.tech-text {
  color: #fff !important;
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

.tech-table {
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(10px) !important;
  border-radius: 10px !important;
}

.tech-table .ant-table-thead > tr > th {
  background: rgba(102, 126, 234, 0.2) !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.tech-table .ant-table-tbody > tr > td {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.tech-table .ant-table-tbody > tr:hover > td {
  background: rgba(102, 126, 234, 0.15) !important;
}

/* 面包屑导航 */
.breadcrumb {
  background-color: rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(15px) !important;
  padding: 16px 24px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(102, 126, 234, 0.1) !important;
}

.breadcrumb .ant-breadcrumb {
  color: #fff !important;
}

.breadcrumb .ant-breadcrumb-link {
  color: #ffffff !important;
  font-weight: 600 !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
  font-size: 14px !important;
  letter-spacing: 0.5px !important;
}

.breadcrumb .ant-breadcrumb-separator {
  color: #ffffff !important;
  font-weight: bold !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
  margin: 0 8px !important;
}

.breadcrumb .ant-breadcrumb-item:last-child .ant-breadcrumb-link {
  color: #667eea !important;
  font-weight: bold !important;
  text-shadow: 0 0 15px rgba(102, 126, 234, 0.8), 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
  background: rgba(102, 126, 234, 0.25) !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
}

/* 信息区域 */
.info {
  padding: 0 24px 12px !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(15px) !important;
  border-radius: 15px !important;
  margin-bottom: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 0 20px rgba(102, 126, 234, 0.1) !important;
}

/* 容器区域 */
.container {
  margin: 24px !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(15px) !important;
  padding: 24px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 0 20px rgba(102, 126, 234, 0.1) !important;
}

/* 操作按钮 */
.op a {
  color: #667eea !important;
  transition: all 0.3s ease !important;
}

.op a:hover {
  color: #fff !important;
  text-shadow: 0 0 10px rgba(102, 126, 234, 0.8) !important;
}

.op a:nth-child(2),
.op a:nth-child(3),
.op a:nth-child(4) {
  margin-left: 10px;
}

/* 登录页文字 */
.login-logo {
  width: 476px;
  height: 54px;
  position: absolute;
  left: 40px;
  top: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.image_2 {
  width: 174px;
  height: 54px;
}

.image_3 {
  width: 1px;
  height: 30px;
  margin: 12px 0 0 24px;
}
.text_8 {
  width: 254px;
  height: 37px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 26px;
  letter-spacing: -0.4333333373069763px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: justify;
  white-space: nowrap;
  line-height: 37px;
  margin: 9px 0 0 23px;
}

/* 侧边栏AI智慧样式 */
.mysider {
  background: linear-gradient(180deg, rgba(102, 126, 234, 0.9) 0%, rgba(118, 75, 162, 0.9) 100%) !important;
  backdrop-filter: blur(15px) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 0 30px rgba(102, 126, 234, 0.2) !important;
}

.mysider .ant-menu {
  background: transparent !important;
  border: none !important;
}

.mysider .ant-menu-item {
  background: rgba(255, 255, 255, 0.05) !important;
  border-radius: 8px !important;
  margin: 4px 8px !important;
  transition: all 0.3s ease !important;
  border: 1px solid transparent !important;
}

.mysider .ant-menu-item:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.2) !important;
  transform: translateX(5px) !important;
}

.mysider .ant-menu-item-selected {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.3) !important;
  color: #fff !important;
}

.mysider .ant-menu-submenu {
  background: rgba(255, 255, 255, 0.05) !important;
  border-radius: 8px !important;
  margin: 4px 8px !important;
  transition: all 0.3s ease !important;
  border: 1px solid transparent !important;
}

.mysider .ant-menu-submenu:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.2) !important;
}

.mysider .ant-menu-submenu-selected {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.3) !important;
}

.mysider .ant-menu-sub {
  background: rgba(0, 0, 0, 0.2) !important;
  border-radius: 8px !important;
  margin: 4px 0 !important;
  backdrop-filter: blur(5px) !important;
}

.mysider .ant-menu-sub .ant-menu-item {
  background: rgba(255, 255, 255, 0.05) !important;
  border-radius: 6px !important;
  margin: 2px 8px !important;
}

.mysider .ant-menu-sub .ant-menu-item:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  transform: translateX(3px) !important;
}

.mysider .ant-menu-sub .ant-menu-item-selected {
  background: rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

/* 头部导航栏样式 */
.ant-layout-header {
  background-color: rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 20px rgba(102, 126, 234, 0.1) !important;
}

.ant-layout-header .anticon {
  color: #ffffff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}

.ant-layout-header .ant-btn {
  color: #ffffff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}

.ant-layout-header .ant-space {
  color: #ffffff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}

.ant-layout-header .ant-dropdown-trigger {
  color: #ffffff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}
